<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.GregorianCalendar"%>
<%@ page import="hmg.common.CommonUtils"%>
<%@ page import="java.util.Calendar"%>
<%@ page import="hmg.vo.BoardVO"%>
<%@ page import="java.util.List"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 8. 16.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 16.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> newsList = (List<BoardVO>) request.getAttribute("NewsList");
    Integer totalNews = (Integer) request.getAttribute("TotalNews");

    String listType = CommonUtils.getParameter(request.getParameter("listType"), "0");
    String currPage = CommonUtils.getParameter(request.getParameter("page"), "1");
    String year = CommonUtils.getParameter(request.getParameter("year"), "");
    String month = CommonUtils.getParameter(request.getParameter("month"), "");
    String searchCondition = CommonUtils.getParameter(request.getParameter("searchCondition"), "1");
    String searchKeyword = CommonUtils.getDecodedParameter(request.getParameter("searchKeyword"), "");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>모터스라인 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 사보 모터스라인 게시판" />
<meta name="keywords" content="현대자동차그룹 사보, 현대차그룹 사보, 모터스라인, H JOY, H 조이, H THEME, H 테마, H STORY, H 스토리" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript">
//<![CDATA[
var page = "<%= currPage %>";

$(document).ready(function(){
    if (page == "")
        page = "1";

    $("#paging").html(getNewsPagingString(<%= totalNews %>, page, 10, 10));
    $("#newsTab<%= listType %>").addClass("on");
});

function fn_list_by_type(listType) {
    document.location.href = "./MotorsLineList.do?listType=" + listType + "&page=1";
}

function fn_list_search() {
    var condition = $("#searchCondition").val();
    var keyword = $("#searchKeyword").val();

    if (keyword.length < 2) {
        alert("검색어를 2자 이상 입력해 주세요.");
        return;
    }

    keyword = escape(encodeURIComponent(keyword));

    document.location.href = "./MotorsLineList.do?listType=<%= listType %>&year=<%= year %>&month=<%= month %>&searchCondition=" + condition + "&searchKeyword=" + keyword + "&page=1";
}

function fn_change_year() {
    var year = $("#issueYear").val();
    var month = $("#issueMonth").val();

    if (year == "")
        return;
    else if (year == "-")
        document.location.href = "./MotorsLineList.do?listType=<%= listType %>&page=1";
    else {
        if (month != "")
            document.location.href = "./MotorsLineList.do?listType=<%= listType %>&year=" + year + "&month=" + month + "&page=1";
    }
}

function fn_change_month(obj) {
    var year = $("#issueYear").val();
    var month = $("#issueMonth").val();

    if (month == "")
        return;
    else {
        if (year == "-" || year == "")
            return;
        else
            document.location.href = "./MotorsLineList.do?listType=<%= listType %>&year=" + year + "&month=" + month + "&page=1";
    }
}

function fn_move_page(pageNo) {
    fn_common_move_page(pageNo, location.search, page, 10, <%= totalNews %>, "./MotorsLineList.do");
}

//]]>
</script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
                <!-- 공통 -->
                <div class="subTitle">
                    <div class="pageTitle">
                        <h2><img src="/hmg/images/web/kor/title/group_News_MotorsLine.gif" alt="모터스라인" /></h2>
                        <p class="subCopy"><img src="/hmg/images/web/kor/title/group_News_MotorsLine_desc.gif" alt="현대자동차그룹이 만드는 라이프&amp;컬쳐 매거진" /></p>
                    </div>
                    <div class="pageLocation">
                        <ul>
                            <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                            <li><a href="/hmg/web/kor/grn/GroupNewsSubMain.do">그룹소식</a></li>
                            <li class="nowPage"><a href="/hmg/web/kor/grn/mtl/MotorsLineList.do">모터스라인</a></li>
                        </ul>
                    </div>
                </div>
                <!--//공통-->

                <!--contents-->
                <div id="content">
                    <!-- 내용 -->
                    <div class="groupNews">
                        <div class="motorsLine_Tab">
                            <ul>
                                <li id="newsTab0" class="tab01"><a href="javascript:fn_list_by_type(0);"><span>전체보기</span></a></li>
                                <li id="newsTab1" class="tab02"><a href="javascript:fn_list_by_type(1);"><span>H JOY</span></a></li>
                                <li id="newsTab2" class="tab03"><a href="javascript:fn_list_by_type(2);"><span>H THEME</span></a></li>
                                <li id="newsTab3" class="tab04"><a href="javascript:fn_list_by_type(3);"><span>H STORY</span></a></li>
                            </ul>
                        </div>

                        <div class="groupNews_Btn02">
                            <div class="right_Btn">
                                <img src="/hmg/images/web/kor/grn/motorsLine_yearSelect.gif" alt="발간연월 선택" />
                                <select id="issueYear" onchange="javascript:fn_change_year();">
                                    <option value="">년</option>
                                    <option value="-">전체</option>
<%
    Calendar cal = new GregorianCalendar();

    for (int idx = cal.get(Calendar.YEAR); idx >= 2010; idx--) {
        if (year.equals("") != true && idx == new Integer(year))
            out.println("                                    <option value=\"" + idx + "\" selected>" + idx + "</option>");
        else
            out.println("                                    <option value=\"" + idx + "\">" + idx + "</option>");
    }
%>
                                </select>
                                <select id="issueMonth" onchange="javascript:fn_change_month();">
                                    <option value="">월</option>
<%
    for (int idx = 1; idx <= 12; idx++) {
        String twoDigit = (new Integer(idx)).toString();
        if (twoDigit.length() == 1)
            twoDigit = "0" + twoDigit;

        if (twoDigit.equals(month) == true)
            out.println("                                    <option value=\"" + twoDigit + "\" selected>" + idx + "</option>");
        else
            out.println("                                    <option value=\"" + twoDigit + "\">" + idx + "</option>");
    }

%>
                                </select>
                            </div>
                        </div>

                        <div class="groupnews_Thumb_List">
<%
    if (newsList == null || newsList.size() == 0)
        out.println("                           <dl style=\"text-align:center;\">등록된 게시물이 없습니다.</dl>");
    else {
        for (int idx = 0; idx < newsList.size(); idx++) {
            BoardVO news = newsList.get(idx);

            if (idx + 1 < newsList.size())
                out.println("                          <dl>");
            else
                out.println("                          <dl class=\"last\">");
%>
                                <dt><span class="company"><%= news.getListName() %></span><span class="date"><%= news.getEffectDate() %></span><br />
                                <a href="./MotorsLineView.do?listID=<%= news.getListID() %>&listType=<%= listType %>&page=<%= currPage %>"><span class="title"><%= news.getTitle() %></span></a></dt>
                                <dd class="text"><a href="./MotorsLineView.do?listID=<%= news.getListID() %>&listType=<%= listType %>&page=<%= currPage %>"><%= news.getWebContent() %></a></dd>
<%          if (news.getThumbnailImage() != null) { %>
                                <dd class="img"><a href="./MotorsLineView.do?listID=<%= news.getListID() %>&listType=<%= listType %>&page=<%= currPage %>"><img src="<%= news.getThumbnailImage() %>" width="134" height="81" alt="" /></a></dd>
<%
            }
            else {
%>
                                <dd class="img" style="height:81px;">&nbsp;</dd>
<%          } %>
                            </dl>
<%
        }
    }
%>
                        </div>

                        <div class="gropnews_page">
                            <div class="gropnews_page_left">
                                <ul id="paging"></ul>
                            </div>

                            <div class="gropnews_page_right">
                                <ul>
                                    <li><a href="javascript:fn_move_page('prev');"><img src="/hmg/images/web/kor/btn/btn_prev.gif" alt="이전페이지로 이동" /></a></li>
                                    <li><a href="javascript:fn_move_page('next');"><img src="/hmg/images/web/kor/btn/btn_next.gif" alt="다음페이지로 이동" /></a></li>
                                </ul>
                            </div>
                        </div>

                        <!-- searcharea-->
                        <div class="searchArea">
                            <img src="/hmg/images/web/kor/grn/groupnews_Search_Text01.gif" alt="상세검색" class="search_text"/>
                            <label class="hidden" for="">검색 영역</label>
                            <select id="searchCondition">
                                <option value="1"<%= searchCondition.equals("1") == true ? " selected" : "" %>>제목</option>
                                <option value="2"<%= searchCondition.equals("2") == true ? " selected" : "" %>>내용</option>
                                <option value="3"<%= searchCondition.equals("3") == true ? " selected" : "" %>>제목 + 내용</option>
                            </select>
                            <label class="hidden" for="">검색</label>
                            <input type="text" id="searchKeyword" name="searchKeyword" value="<%= searchKeyword %>" title="검색" onkeypress="javascript:if (event.keyCode == 13) fn_list_search();" />
                            <a href="javascript:fn_list_search();"><img src="/hmg/images/web/kor/btn/btn_search.gif" alt="검색" class="search_btn"/></a>
                        </div>
                        <!--// searcharea-->
                    </div>
                    <!--// 내용 -->
                </div>
                <!--//contents-->
            </div>
        </div>
        <!--//container-->

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->

        <hr />

        <!--notice-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
        <!--//notice-->
    </div>
    <!--//wrap-->
</body>
</html>